import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {

  picUrl = 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png'

  msg: string = '这是一条信息'

  lists: any[] = [{
    title: '第一条数据'
  },{
    title: '第二条数据'
  },{
    title: '第三条数据'
  }]

  flag: boolean = false

  public status: number = 1   /*1 表示已经支付  2 表示已经发货  3 表示已经收获 其他 无订单详情*/

  public attr: string = 'orange'

  today: any = new Date()

  keywords: string = '默认值'

  constructor() { 
    console.log(this.today);
    
  }

  ngOnInit() {
  }

  run() {
    alert('执行自定义方法')
  }

  getData() {
    alert(this.msg)
  }

  setData() {
    this.msg = '这是改变后的信息'
  }

  runEvent(event) {
    // console.log(event.target);
    var dom: HTMLElement = event.target     // 最好指定属性，有时候要加断言
    dom.style.color = 'red'
  }

  keyDown(e) {
    // console.log('keydown');
    // e.target 是当前dom对象
    console.log(e.target.value);
    console.log(e.keyCode);
    if(e.keyCode === 13) {
      console.log('按了回车');
      
    }
  }
}
